<!DOCTYPE html>
<html>
<body>

<pre class="scala-js">

// fold
import org.scalajs.dom.raw.HTMLImageElement
import org.scalajs.dom
// end-fold

val img = dom.document.createElement("img").asInstanceOf[HTMLImageElement]
img.alt = "such dog" 
img.src = "https://goo.gl/a3Xr41"
img
</pre>

<pre class="scala-jvm">
List(1, 2, 3).reverse
</pre>

<pre class="scala-js">
// fold
import org.scalajs.dom.raw.HTMLImageElement
import org.scalajs.dom
// end-fold

val pre = dom.document.createElement("pre").asInstanceOf[HTMLPreElement]
pre.innerHTML = "1+1"
pre
</pre>

<div id="resource-1"></div>
<div id="resource-2"></div>
<div id="resource-3"></div>


<script src="http://localhost:9000/embedded.js"></script>
<script>
window.addEventListener('load', function() {
  scastie.Embedded(".scala-js", {targetType: "js"});
  
  scastie.Embedded(".scala-jvm");

  scastie.Embedded('#resource-1', { 
    base64UUID: "5L29uqAzTJaIhK30HLoSsw",
    serverUrl: "http://localhost:9000"
  });

  scastie.Embedded('#resource-2', {
    user: "MasseGuillaume",
    base64UUID: "LTvJuJcUTlCBaKaTNegfog",
    serverUrl: "http://localhost:9000"
  });

  scastie.Embedded('#resource-3', {
    user: "MasseGuillaume",
    base64UUID: "LTvJuJcUTlCBaKaTNegfog",
    update: 1,
    serverUrl: "http://localhost:9000"
  });
});
</script>

</body>
</html>
